@import "header.html"
<link rel="stylesheet" href="../css/user_center.css">
<body>

<header class="fxj-header">
    <back></back>
    <h1 class="fxj-title">个人信息</h1>
    <a id="saveBtn" onclick="save()">保存</a>
</header>

<main id="main">
    <div class="avatar" :style="'background-image: url('+bgImg+')'">
        <img :src="photo" onclick="uploadImg()">
        <div class="user-name">
            <input id="nickName" v-model="nickName">
        </div>
    </div>
    <section class="info-container">
        <div class="title">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-credentials_icon"></use>
            </svg>
            身份信息
        </div>
        <div v-cloak v-if="!verified" class="perfect-info">
            <span onclick="goPage('evpi.html')">你还没有完善信息,点击完善身份信息</span>
        </div>
        <ul v-cloak v-if="verified" class="container">
            <li>
                <span>真实姓名</span>
                <span v-cloak>{{trueName}}</span>
            </li>
            <li>
                <span>身份证号</span>
                <span v-cloak>{{idCard}}</span>
            </li>
            <li class="center" v-if="idVerify==='0'" onclick="goPage('upload_idcard_front.html')">
                <a style="font-size: 14px">点击上传照片,完成身份认证</a>
            </li>
        </ul>
        <div class="title title-border">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-user-o"></use>
            </svg>
            <span>个人资料</span>
        </div>
        <ul class="container">
            <li>
                <span>性别</span>
                <span>
                    <span id="sexPicker" v-cloak>{{sex}}</span>
                    <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-you"></use>
            </svg>
                </span>
            </li>
            <li class="select-container">
                <span>出生日期</span>
                <span>
                    <span id="datePicker" v-cloak>{{date}}</span>
                   <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-you"></use>
            </svg>
                </span>
            </li>
            <li>
                <span>民族</span>
                <span>
                    <span id="nation" v-cloak>{{nation}}</span>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-you"></use>
                    </svg>
                </span>
            </li>
            <li>
                <span>所在地区</span>
                <span>
                    <span id="cityArea" v-cloak>{{city}}</span>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-you"></use>
                    </svg>
                </span>
            </li>
            <li>
                <span>职业</span>
                <span>
                    <input id="jobPicker" v-cloak v-model="reqData.job" placeholder="请输入">
                </span>
            </li>
            <li>
                <span>个人简介</span>
                <span>
                    <input v-model="reqData.intro" type="text" placeholder="请输入">
                </span>
            </li>
        </ul>

        <!--<div class="title title-border">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-biaoqian"></use>
            </svg>
            个性标签
        </div>
        <div class="label">
            <img src='../image/bg-img/bg1.jpg' alt="">
            <div class="label-title">展示个性的自己</div>
            <button class="add-label-btn">添加标签</button>
        </div>-->
    </section>
</main>
<input id="avatarFile" name="imgFile" type="file" style="display: none;">

@import "js.html"
<script src="../lib/js/picker.min.js"></script>
<script src="../script/citys.js"></script>
<script src="../script/user_center.js"></script>
</body>
@import "footer.html"